<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>Weibo Emotion Analyzer-基于词典的细粒度情感分析系统</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link href="./css/header.css" type="text/css" rel="stylesheet" media="all">
	<style type="text/css">
	.wscontent{
	height:500px;
	width:100%;
	background-color:#fff;
	margin:10px;

}
.wsone{
border-bottom: 1px solid #dcdcdc;
}
.wstwo{
background:#f7f7f7;
}
.wrapper{
	height: 360px;
    margin: 0 auto;
    width: 960px;
}
.leftB{
float:left;
}
.rightB{
float:right;
}

h3 {
color: #333;
font: 600 28px "微软雅黑E软雅黑","黑体ED1体";
}

h4 {
color: #4b4a4a;
font: 500 18px "微软雅黑E软雅黑","华文细黑E文细黑","宋体B8B体";
}

	</style>

  </head>
  
  <body>

<div id="header">
        <div id="logo">
			<a href="./index.jsp">
				<img src="./img/logo.png" >
			</a>
		</div>
        <div id="nav">
            <ul class="menu">
                <li class="current"><a href="./index.jsp">首页</a></li>
                <li><a href="./spline.jsp">在线分析</a>
                  <ul>
                  <li><a href="./spline.jsp">曲线图</a></li>
                  <li><a href="./pie.jsp">饼状图</a></li>
                  <li><a href="./hourlyline.jsp">时变图</a></li>
                  <li><a href="./weeklycolumn.jsp">周变图</a></li>
                  </ul> 
                  </li>
                <li><a href="./single.jsp">即时分析</a><span class="lines"></span></li>           
                <li><a href="./offline.jsp">离线分析</a><span class="lines"></span></li>
            </ul>
        </div>
</div>

<div id="main">
	
	<div class="wsone">
	<div class="wrapper">
		<div class="leftB" style="width:450px;margin:100px 0 0 0;">
			<div>
				<h3>曲线图</h3>
				<h4>用户发布的所有历史微博的情感值走势</h4>
			</div>
			<div></div>
		</div>
		<div class="rightB" style="margin:50px 0 0 0;">
		<a href="./spline.jsp">
			<img weight="438" height="269" src="./img/spline.png">
		</a>
		</div>
	</div>
	</div>
	
	<div class="wstwo">
	<div class="wrapper">
		<div class="leftB" style=“margin:0 0 0 0;”>
			<a href="./pie.jsp">
				<img src="./img/pie.png">
			</a>
		</div>
		<div class="leftB" style="width:300px;margin:130px 0 0 160px;">
			<div>
				<h3>饼状图</h3>
				<h4>用户七种情感所占百分比</h4>
			</div>
			<div></div>
		</div>
		<div class="rightB"></div>
	</div>
	</div>
	
	<div class="wsone">
	<div class="wrapper">
		<div class="leftB" style="width:450px;margin:100px 0 0 0;">
			<div>
				<h3>时变图</h3>
				<h4>展示情感值以小时为单位的变化折线图</h4>
			</div>
			<div></div>
		</div>
		<div class="rightB" style="margin:30px 0 0 0;">
		<a href="./hourlyline.jsp">
			<img weight="450" height="300" src="./img/hourly.png">
		</a>
		</div>
	</div>
	</div>
	
	<div class="wstwo">
	<div class="wrapper">
		<div class="leftB" style="margin:30px 0 0 0">
			<a href="./weeklycolumn.jsp">
				<img weight="438" height="269" src="./img/weekly.png">
			</a>
		</div>
		<div class="leftB" style="width:300px;margin:130px 0 0 200px;">
			<div>
				<h3>周变图</h3>
				<h4>显示一个星期变化的堆叠柱状图</h4>
			</div>
			<div></div>
		</div>
		<div class="rightB"></div>
	</div>
	</div>
	
	<div class="wsone">
	<div class="wrapper">
		<div class="leftB" style="width:450px;margin:100px 0 0 0;">
			<div>
				<h3>即时分析</h3>
				<h4>输入一条短文本，可即时显示出分词结果以及整个文本的情感值</h4>
			</div>
			<div></div>
		</div>
		<div class="rightB" style="margin:50px 0 0 0;">
		<a href="./single.jsp">
			<img weight="438" height="269" src="./img/single.png">
		</a>
		</div>
	</div>
	</div>
</div>

  </body>
</html>
